<template>
  <div class="recharge">
    <pay-amount @amountChange="amountChange"></pay-amount>
    <recharge-button @codeClick='codeClick'>
      充值
    </recharge-button>

  </div>
</template>

<script lang="js">
import {defineComponent, reactive, ref} from 'vue'
import PayAmount from './pay-amount/pay-amount.vue'
import RechargeButton from '../../recharge-button/recharge-button.vue'
export default defineComponent({
  props: {

  },
  components: {
    PayAmount,
    RechargeButton,

  },
  setup() {
    const amountChange=(amount)=>{
      console.log(amount);
    }
    const codeClick=()=>{
      console.log('获取验证码');
    }
    return {
      amountChange,
      codeClick
    }

  }
})
</script>

<style scoped lang="less">
.recharge {
  padding: 6vw;

}
</style>
